/*
 * @Author: funlee
 * @Email: i@funlee.cn
 * @Date: 2019-06-21 11:28:36
 * @Description: 首页-应用工具-已暴雷名单
 */
@import "@/assets/style/global.scss";

.go-bust {
    width: 80%;
    margin: 30px auto 0;

    &-top {
        display: flex;
        justify-content: space-between;

        .title {
            color: $grayLight;
        }

        .right-opts {
            display: flex;
            justify-content: flex-end;
            $marginRight: 20px;

            .ant-select {
                color: $gray;

                .ant-select-selection {
                    background-color: transparent;
                    border: 1px solid $borderColor;
                    margin-right: $marginRight;
                }

                .ant-select-arrow {
                    color: $blue;
                }
            }

            .ant-calendar-picker {
                margin-right: $marginRight;
            }

            .ant-calendar-range-picker-separator,
            .ant-calendar-picker-icon,
            .ant-calendar-range-picker-input {
                color: $gray;
            }

            .ant-input {
                background: transparent;
                border: 1px solid $borderColor;
                color: $gray;
            }

            .ant-input-search-icon {
                color: $gray;
            }

            .ant-btn {
                background: transparent;
                color: $gray;
                border: 1px solid $borderColor;
                margin-left: $marginRight;

                &:hover,
                &.active {
                    color: $grayLight;
                    background: #465270;
                    border: 1px solid #44b7ff;
                }
            }
        }
    }

    .bust-lists {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        $translate: 20px;
        width: calc(100% + #{$translate * 2});
        transform: translateX(-$translate);

        .list {
            width: 25%;
            padding: $translate;

            .inner {
                background: #373b4a;
                border-radius: 4px;
                width: 100%;
                overflow: hidden;
                padding: 30px 0 10px;

                .portrait {
                    width: 50px;
                    height: 60px;
                    display: block;
                    margin: 0px auto 20px;
                }

                .user-name {
                    color: $blue;
                    text-align: center;
                    margin-bottom: 30px
                }

                .text {
                    margin: 20px 0;
                    text-indent: 22%;
                }
            }
        }
    }

    .table-pagination {
        text-align: right;
        margin: 20px 0;
    }
}

.ant-select-dropdown {
    background-color: #27314a;
    border: 1px solid $borderColor;

    .ant-select-dropdown-menu-item {
        color: $gray;

        &:hover {
            background-color: #262b38;
            color: $blue;
        }
    }

    .ant-select-dropdown-menu-item-selected {
        background-color: #262b38;
        color: $blue;
    }

    .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
        background-color: #262b38;
        color: $blue;
    }
}
